<template>
	<div class="container">
		<div class="abs">
			<el-page-header @back="$router.push('/')" content="">
			</el-page-header>
		</div>
		<div class="main">
			<div class="aside">
				<div class="himage">
					<img src="../assets/images/xiaozhi.png" />
					<p> M4603340959</p>
				</div>
				<div class="info">  <p class="title"> <i class="el-icon-s-custom"></i>个人资料 <i class="el-icon-arrow-right"></i></p><a href="#/userinfo"><p>资料设置</p></a> <a href="#/setting"><p>账号设置</p></a>
				</div>
				<div class="mlike">
					<p class="title"> <i class="el-icon-s-custom"></i>我的收藏 <i class="el-icon-arrow-right"></i></p>
					<a href="#/likes"><p>收藏列表</p></a>
				</div>
			</div>
			<div class="content">
				<router-view></router-view>
			</div>
		</div>
	</div>
</template>

<script>
</script>

<style scoped>
	/* 全局导入公共样式 */
	@import url("../assets/css/common.css");
	p{
		margin-top: 0;
		padding: 0;
	}
	.container {
		width: 10rem;
		height: 5.625rem;
		margin: 0 auto;
		background: url(../assets/images/goods_bg1.png);
		background-size: 100% 100%;
		border: 1px solid #797979;
		opacity: 0.9;
	}
	.main{
		width: 7.375rem;
		height: 3.75rem;
		margin-top: 1rem;
		margin-left: 1.2875rem;
	}
	.main .aside{
		float: left;
		width: 1.625rem;
		height: 3.75rem;
		border: 1px solid #797979;
		background-color: rgba(255,255,255,0.5);
	}
	.main .content{
		float: right;
		width: 5.625rem;
		height: 3.75rem;
		background-color: rgba(255,255,255,0.5);
		border: 1px solid #797979;
	}
	.main .aside div{
		overflow: hidden;
		height: 1.25rem;
		width: 100%;
		text-align: center;
		border-bottom: 1px solid #797979;
	}
	.main .aside img{
		width: 0.625rem];
		height: 0.625rem;
		margin-top: 0.1875rem;
	}
	.main .aside div .title{
		font-size: 0.1375rem;
		margin-top: 0.25rem;
	}
	.main .aside div .title i {
		margin-left:0.125rem ;
		margin-right:0.125rem ;
	}
</style>
